.detailForm{
  margin-top: 15px;
  :global {
    .el-row {
      .el-col {
        &:first-child {
          .el-form-item {
            margin-left: 30px;
            .el-form-item__label {
              text-align: left;
            }
          }
        }

        .el-form-item {
          width: 310px;
          height: 43px;
          margin-bottom: 0;

          &.is-error {
            .el-input {
              .el-input__inner {
                border-color: #F5222D;
              }

              &.is-disabled {
                .el-input__inner {
                  border-color: #F5222D;
                }
              }
            }
          }

          .el-form-item__label {
            font-size: 14px;
            color: rgba(51, 51, 51, 1);
            font-family: PingFangSC-Regular;
            font-weight: 400;
            line-height: 28px;
            padding: 0;
          }

          .el-form-item__content {
            height: 43px;
            line-height: 28px;

            .el-form-item__error {
              top: 30px;
              padding: 0;
              font-size: 14px;
              margin-left: 10px;
              overflow-wrap: normal;
              white-space: nowrap;
            }

            .el-input,
            .el-select {
              margin: 0;
              margin-top: 0;
              margin-bottom: 0;
              box-sizing: border-box;
              width: 180px;

              .el-input {
                margin: 0;

                .el-input__suffix {
                  height: 28px;
                  line-height: 28px;
                  top: 0px;
                }

                .el-input__inner {
                  width: 180px;
                  height: 28px;
                  line-height: 28px;
                  padding-left: 6px;
                  border-radius: 0;
                  font-size: 14px;

                  .el-input__icon {
                    line-height: 28px;
                  }
                }
              }

              .el-input__inner {
                width: 180px;
                height: 28px;
                line-height: 28px;
                padding-left: 6px;
                border-radius: 0;
                font-size: 14px;

                .el-input__icon {
                  line-height: 28px;
                }
              }
            }

            .el-radio-group {
              margin-left: 10px;

              .el-radio {
                margin-right: 14px;

                &__input {
                  &+.el-radio__label {
                    font-size: 14px;
                    font-family: PingFangSC-Regular;
                    font-weight: 400;
                    color: rgba(51, 51, 51, 1)
                  }

                  &.is-checked {
                    &+.el-radio__label {
                      font-size: 14px;
                      font-family: PingFangSC-Regular;
                      font-weight: 400;
                      color: rgba(51, 51, 51, 1)
                    }

                    .el-radio__inner {
                      border-color: rgba(48, 123, 246, 1);
                      background: #ffffff;

                      &:after {
                        background-color: rgba(48, 123, 246, 1);
                        width: 6px;
                        height: 6px;
                      }
                    }
                  }
                }

                &__label {
                  padding-left: 8px;
                }
              }
            }
          }
        }
      }
    }

    .el-radio-group {
      margin-left: 10px;

      .el-radio {
        margin-right: 14px;

        &__input {
          &+.el-radio__label {
            font-size: 14px;
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color: rgba(51, 51, 51, 1)
          }

          &.is-checked {
            &+.el-radio__label {
              font-size: 14px;
              font-family: PingFangSC-Regular;
              font-weight: 400;
              color: rgba(51, 51, 51, 1)
            }

            .el-radio__inner {
              border-color: rgba(48, 123, 246, 1);
              background: #ffffff;

              &:after {
                background-color: rgba(48, 123, 246, 1);
                width: 6px;
                height: 6px;
              }
            }
          }
        }

        &__label {
          padding-left: 8px;
        }
      }
    }

    .upload-div {
      width: 294px;
      height: 100px;
      font-size: 14px;
      color: rgba(217, 217, 217, 1);
      border: 1px dotted rgba(217, 217, 217, 1);
      background: rgba(248, 248, 248, 1);
      height: 100px;
      position: relative;

      .upload-trigger {
        img {
          width: 21px;
          height: 17px;
        }
      }

      .thumbnail {
        text-align: center;
        width: 74px;
        height: 62px;
        padding-top: 0px;
        position: absolute;
        left: 35%;
        top: 14px;
        margin: 0;

        .hover-blank {
          display: none;
          position: absolute;
          z-index: 99;
          width: 100%;
          height: 100%;
          line-height: 100%;
          // opacity: 0.5;
          background: rgba(0, 0, 0, 0.2);
          line-height: 78px;
          text-align: center;
          font-size: 14px;
          cursor: zoom-in;
          color: #ffffff;

          img {
            width: 17px;
            height: 17px;
          }

          // i {
          //   color: rgba(51, 51, 51, 1);
          // }
        }

        &:hover {
          .hover-blank {
            display: block;
          }
        }

        img {
          max-width: 57px;
          height: 50px;
          margin-top: 6px;
        }
      }

      div {
        text-align: right;

        &.progress {
          text-align: center;
          padding-top: 10px;
          width: 162px;
          margin: auto;

          p {
            color: rgba(153, 153, 153, 1);
          }

          .el-progress {
            .el-progress-bar__outer {
              background-color: rgba(217, 217, 217, 1);
            }

            .el-progress__text {
              color: rgba(153, 153, 153, 1);
            }
          }
        }

        .el-upload {
          text-align: center;
          width: 120px;
          margin: 10px;

          .re-upload {
            width: 100%;
            text-align: right;

            .el-button {
              padding: 0;
              cursor: pointer;
            }
          }

        }

        &.new {
          width: 100%;
          height: 100%;

          .el-upload {
            width: 100%;
            height: 100%;
            padding-top: 30px;
            margin: 0;

            i {
              font-size: 30px;
            }
          }
        }
      }
    }

    .el-textarea{
      width: 640px;
      margin-top: 10px;
      .el-textarea__inner{
        border-radius: 0;
        font-size: 14px;
        padding: 5px 10px;
      }
    }
  }

  .uploadContent {
    padding: 0 30px;
    &>div {
      display: inline-block;
      vertical-align: middle;
    }

    .tips {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
      line-height: 17px;
      margin-left: 13px;
    }
  }
}